<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<style type="text/css">
		<style type="text/css">
			.wi_h1 {
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
			}
			
			.wi_h2 {
				font-size: 12px;
				color: #86b0d1;
			}
			
			.wi_h3 {
				font-size: 12px;
				color: #213453;
			}
			
			.wi_h4 {
				font-size: 14px;
				font-weight: bold;
				color: #ff5a00;
			}
			
			.wi_h5 {
				font-size: 1.1em;
				font-weight: bold;
				color: #FFFFFF;
				margin-right:15px;
			}
			
			.wi_h6 {
				color: #FF8000;
				margin-right:2px;
				text-decoration:underline;
			}
			body {
				padding:0px;
			}
			body,td,th {
				font-family: Microsoft YaHei, Arial, Helvetica;
				font-size: 12px;
			}
			
			.second_tr_class {
				padding: 0px;
				height: 240px;
				text-align:center;
				margin:10px 0px;
			}
			
			.scrollable-panel {
				display:inline;
			    height: 200px;
			    overflow: hidden;
			    position: relative;
			    width: 720px;
				text-align:center;
				margin-left:14px;
				margin-right:14px;
				float:left;
			}
			
			.scrollable-panel table {
			    border-radius: 4px 4px 4px 4px;
				width: 128px;
				height:200px;
			    float: left;
			    margin-left:8px;
				margin-right:8px;
				background-color:#F2F2F2;
				border-collapse: collapse;
				border:0px;
			}
			
			.clearfix {
				position: absolute;
			    width: 2010em;
			}
			
			.trigger-bar {
				float:left;
			    height: 18px;
			    width: 728px;
				margin-top:3px;
				margin-bottom:3px;
			}
			
			.scrollable-trigger {
			    float: right;
			}
			
			.trigger-bar .next {
			    background-position: -17px 0;
			}
			.trigger-bar .prev {
			    background-position: -40px 0;
			    margin-right: -1px;
			}
			
			.trigger-bar .next {
			    background-position: -17px 0;
			}
			
			.trigger-bar .prev, .trigger-bar .next {
			    background-image: url("http://img01.taobaocdn.com/imgextra/i1/137009487/T2RCFKXaRaXXXXXXXX_!!137009487.png");
			    background-repeat: no-repeat;
			    display: block;
			    float: right;
			    height: 18px;
			    outline: medium none;
			    width: 18px;
			}
			
			a, b {
			    color: #0077FF;
			}
			
			a {
			    text-decoration: none;
			}
			
			.scrollable-trigger a {
			    background: url("http://img01.taobaocdn.com/imgextra/i1/137009487/T2RCFKXaRaXXXXXXXX_!!137009487.png") no-repeat scroll -80px 0 transparent;
			    color: #70B2D5;
			    display: inline-block;
			    font-size: 0;
			    height: 6px;
			    margin: 6px 5px 0 0;
			    outline: medium none;
			    overflow: hidden;
			    width: 6px;
			}
			.scrollable-trigger a.current, .scrollable-trigger a:hover {
			    background: url("http://img01.taobaocdn.com/imgextra/i1/137009487/T2RCFKXaRaXXXXXXXX_!!137009487.png") no-repeat scroll -80px -10px transparent;
			    color: #CACACA;
			}
			
			body{
			    margin: 0;
			    padding: 0;
			    table-layout: automatic;
			    word-wrap: break-word;
			}
			
	</style>

	<script>
     $(function(){
		/* Chaining plugins */
		$('#trigger').switchable('#panel > div > table', {
			triggerType: 'click',
			effect: 'scroll',
			speed: 3,
			steps: 5,
			visible: 5
		}).autoplay(5).carousel();
		
		var api4 = $('#trigger').switchable();
		$('#next').click(function(){
			api4.next();
		});
		$('#prev').click(function(){
			api4.prev();
		});
	});
	</script>

	</head>
	<body>
		${requestScope.result}
	</body>
</html>

